import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import AView  from '../views/AView.vue'
import Style from '../views/StyleCode.vue'
import Double from '../views/DoubleOrder.vue'
import D from '../views/DView.vue'
import E from '../views/EView.vue'
import F from '../views/FView.vue'

const routes = [
  {
    path: '/',
    component: HomeView
  },
  {
    path: '/about',
    component: () => import('../views/AboutView.vue')
  },
  {
    path: '/a',
    component: AView
  },
  {
    path: '/style',
    component: Style
  },
  {
    path: '/double',
    component: Double
  },
  {
    path: '/d',
    component: D
  },
  {
    path: '/e',
    component: E
  },
  {
    path: '/f',
    component: F
  },
  {
    path: '/g',
    component: ()=> import('../views/GView.vue')
  },
  {
    path: '/h',
    component: ()=> import('../views/Hview.vue')
  },
  {
    path: '/i',
    component: ()=> import('../views/IView.vue')
  },
  {
    path: '/j',
    component: ()=> import('../views/JView.vue')
  },
  {
    path: '/k',
    component: ()=> import('../views/KView.vue')
  }
  ,
  {
    path: '/L',
    component: ()=> import('../views/LView.vue')
  }
  ,
  {
    path: '/M',
    component: ()=> import('../views/MView.vue')
  }
  ,
  {
    path: '/N',
    component: ()=> import('../views/NView.vue')
  },
  {
    path: '/O',
    component: ()=> import('../views/OView.vue')
  },
  {
    path: '/P',
    component: ()=> import('../views/PView.vue')
  },
  {
    path: '/Q',
    component: ()=> import('../views/QView.vue')
  }
  ,
  {
    path: '/R',
    component: ()=> import('../views/RView.vue')
  },
  {
    path: '/S',
    component: ()=> import('../views/SView.vue')
  },
  {
    path: '/T',
    component: ()=> import('../views/TView.vue')
  }
  ,
  {
    path: '/U',
    component: ()=> import('../views/UView.vue')
  }
  ,
  {
    path: '/V',
    component: ()=> import('../views/VView.vue')
  },
  {
    path: '/W',
    component: ()=> import('../views/WView.vue')
  },
  {
    path: '/X',
    component: ()=> import('../views/XView.vue')
  }
  ,
  {
    path: '/Y',
    component: ()=> import('../views/YView.vue')
  },
  {
    path: '/Z',
    component: ()=> import('../views/ZView.vue')
  }
  
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
